import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

/**
 * Note: sub-menu only appear when route children.length >= 1
 * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
 *
 * hidden: true                   if set true, item will not show in the sidebar(default is false)
 * alwaysShow: true               if set true, will always show the root menu
 *                                if not set alwaysShow, when item has more than one children route,
 *                                it will becomes nested mode, otherwise not show the root menu
 * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
 * name:'router-name'             the name is used by <keep-alive> (must set!!!)
 * meta : {
    roles: ['admin','editor']    control the page roles (you can set multiple roles)
    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
    icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
    code: 'Home'                 设置匹配字段
    badge: '12'                  设置标记内容
    identity: [                  页面权限
      {
        code: 'TenantEditor',    对应后台内容权限
        title: '编辑 i18nCode'    i18n翻译
      }
    ]
    allIdentity: true            权限显示树中是否不渲染children
    deleteThis: true             权限显示树中不使用本结构及子结构
    deleteItem: true             权限显示树中不显示本层
    deleteCode: true             权限显示树中不使用本层code

    disableCode: ''     控制不能选择的标记
    diablesValue: ''    控制是否不能操作
  }
 */

/**
 * constantRoutes
 * a base page that does not have permission requirements
 * all roles can be accessed
 */
export const constantRoutes = [
  {
    path: '/404',
    component: () => import(/* webpackChunkName: "common" */ '@/views/common/404'),
    hidden: true,
    meta: {
      deleteThis: true
    }
  }
];

const createRouter = (aRouterList) => new Router({
  // mode: 'history', // require service support
  scrollBehavior: () => ({ y: 0 }),
  routes: aRouterList
});

const router = createRouter(constantRoutes);

export async function resetRouter (aRouterList) {
  const newRouter = await createRouter(aRouterList || constantRoutes);
  router.matcher = newRouter.matcher; // reset router
}

export default router;
